<?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package sparkling
 */

get_header(); ?>
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

		<?php if ( have_posts() ) : ?>

			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>

				<?php
					/* Include the Post-Format-specific template for the content.
					 * If you want to override this in a child theme, then include a file
					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
					 */
					//get_template_part( 'content', get_post_format() );
					if ( in_category('homepage-posts') || in_category(4) ) :
						$homepage_post += 1;
						$post_id = $post->ID;

						if ( has_post_thumbnail( $post_id ) ) :
							$image = wp_get_attachment_image_src(get_post_thumbnail_id($post_id), 'single-post-thumbnail');
						endif;

						if ( 1 == $homepage_post ) : ?>

							<div class="col-md-6">		
							<div class="image">
							<a href="<?php the_permalink(); ?>"><img src="<?php echo $image[0];?>">						
								</a>
								</div>
							</div><?php

						elseif ( 2 <= $homepage_post && 5 >= $homepage_post ) : ?>

							<div class="col-md-3 boxes">
								<span class="notanimated">
								<a href="<?php the_permalink(); ?>"><img src="<?php echo $image[0];?>">
								<span class="text">
								<span class="title"><?php the_title();?></span>
								<span class="hidden"></span>
								</a>
								</span>
							</div><?php

						endif;?>

							<?php /*?><h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2><?php */?>
							<?php //the_content();
					endif;
				?>

			<?php endwhile; ?>

			<?php sparkling_paging_nav(); ?>

			<!-- Our Products -->
			<div class="col-md-12 clear-both">
				<div class="holder">
					<div class="text-holder othersites" style="padding:0px;">
						<h2 class="section-title">Our Products</h2>

						<img src="<?php echo get_template_directory_uri(); ?>/images/our-products.jpg" alt="Our Product" class="img-responsive" style="width:100%;">
					</div>
				</div>
			</div>

		<?php else : ?>

			<?php get_template_part( 'content', 'none' ); ?>

		<?php endif; ?>

		</main><!-- #main -->
	</div><!-- #primary -->

<?php //get_sidebar(); ?>
<?php get_footer(); ?>